import React, { useEffect, useState } from 'react'

export default function App() {
    // useEffect(()=>{
    //     console.log("打印了");
    // },[])//传空数组，表示这个函数只会被渲染一次

    const [name,setName] = useState('xumiun')

    useEffect(()=>{
        setName(name.substring(0,1).toUpperCase()+name.substring(1))
    },[name])// 第一次执行一次，之后name(依赖)更新也会执行
  return (
    <div>{name}--<button onClick={()=>{
        setName("cheng")
    }}>修改</button></div>
  )
}
